<div class="title" id="#comment_zone">
    <label>Bình luân</label>
</div>
<div id="tabs">
    <ul class="nav nav-tabs" role="tablist">
        <li class="active"><a href="#tabs-1" role="tab" id="tabs-1-tab" data-toggle="tab">Bằnng Facebook</a></li>
        <li><a href="#tabs-2" role="tab" id="tabs-2-tab" data-toggle="tab">Bằng tài khoản học đàn</a></li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div id="tabs-1" class="tab-pane fade in active" role="tabpanel">
            @include('commons/comments/comment-fb')
        </div>
        <div id="tabs-2" class="tab-pane fade" role="tabpanel">

            <div class="comment-list">
                <ul class="list-cmts" id="zone_comments" data-target="{{$type}}" data-id="{{$target_id}}">
                    <script type="text/javascript">
                        listComments();
                    </script>
                    <!--                    -->
                    <!--                    <li>-->
                    <!--                        <div class="lf-avatar">-->
                    <!--                            <a href="#"><img src="../images/avatar2.jpg" alt=""></a>-->
                    <!--                        </div>-->
                    <!--                        <div class="lr-content">-->
                    <!--                            <div>-->
                    <!--                                <a href="#" class="font-Bold colorDackG">Bachocdientkxx</a>-->
                    <!--                                <span class="font11 color66">GURU - ??m hát</span>-->
                    <!--                            </div>-->
                    <!--                            <div>Bài hát này nghe nh? m?t bài t? ?y nh?</div>-->
                    <!--                            <div>-->
                    <!--                                <span class="font11 color66">3.535 Bình lu?n</span>-->
                    <!--                                <a href="#" class="colorDackG">xem thêm</a>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                    </li>-->
                    <!--                    <li>-->
                    <!--                        <div class="lf-avatar">-->
                    <!--                            <a href="#"><img src="../images/avatar2.jpg" alt=""></a>-->
                    <!--                        </div>-->
                    <!--                        <div class="lr-content">-->
                    <!--                            <div>-->
                    <!--                                <a href="#" class="font-Bold colorDackG">Bachocdientkxx</a>-->
                    <!--                                <span class="font11 color66">GURU - ??m hát</span>-->
                    <!--                            </div>-->
                    <!--                            <div>Bài hát này nghe nh? m?t bài t? ?y nh?</div>-->
                    <!--                            <div>-->
                    <!--                                <span class="font11 color66">3.535 Bình lu?n</span>-->
                    <!--                                <a href="#" class="colorDackG">xem thêm</a>-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                    </li>-->
                    <!--                    <li>-->
                    <!--                        <div class="lf-avatar">-->
                    <!--                            <a href="#"><img src="../images/avatar2.jpg" alt=""></a>-->
                    <!--                        </div>-->
                    <!--                        <div class="lr-content">-->
                    <!--                            <div>-->
                    <!--                                <a href="#" class="font-Bold colorDackG">Bachocdientkxx</a>-->
                    <!--                                <span class="font11 color66">GURU - ??m hát</span>-->
                    <!--                            </div>-->
                    <!--                            <div>Bài hát này nghe nh? m?t bài t? ?y nh?</div>-->
                    <!--                            <div>-->
                    <!--                                <span class="font11 color66">3.535 Bình lu?n</span>-->
                    <!--                                <a href="#" class="colorDackG">xem thêm</a>-->
                    <!--                            </div>-->
                    <!--                            <ul class="sub-list-cmts">-->
                    <!--                                <li>-->
                    <!--                                    <div class="lf-avatar-sub">-->
                    <!--                                        <a href="#"><img src="../images/avatar2.jpg" alt=""></a>-->
                    <!--                                    </div>-->
                    <!--                                    <div class="lr-content-sub">-->
                    <!--                                        <div>-->
                    <!--                                            <a href="#" class="font-Bold colorDackG">Bachocdientkxx</a>-->
                    <!--                                            <span class="font11 color66">GURU - ??m hát</span>-->
                    <!--                                        </div>-->
                    <!--                                        <div>Bài hát này nghe nh? m?t bài t? ?y nh?</div>-->
                    <!--                                        <div>-->
                    <!--                                            <span class="font11 color66">3.535 Bình lu?n</span>-->
                    <!--                                        </div>-->
                    <!--                                    </div>-->
                    <!--                                </li>-->
                    <!--                                <li>-->
                    <!--                                    <div class="lf-avatar-sub">-->
                    <!--                                        <a href="#"><img src="../images/avatar2.jpg" alt=""></a>-->
                    <!--                                    </div>-->
                    <!--                                    <div class="lr-content-sub">-->
                    <!--                                        <div>-->
                    <!--                                            <a href="#" class="font-Bold colorDackG">Bachocdientkxx</a>-->
                    <!--                                            <span class="font11 color66">GURU - ??m hát</span>-->
                    <!--                                        </div>-->
                    <!--                                        <div>Bài hát này nghe nh? m?t bài t? ?y nh?</div>-->
                    <!--                                        <div>-->
                    <!--                                            <span class="font11 color66">3.535 Bình lu?n</span>-->
                    <!--                                        </div>-->
                    <!--                                    </div>-->
                    <!--                                </li>-->
                    <!--                            </ul>-->
                    <!--                        </div>-->
                    <!--                    </li>-->
                </ul>
                <div class="areatxt">
                    @include('commons/comments/comment-write',array('type'=>$type,'target_id'=>$target_id))
                </div>
            </div>
        </div>
    </div>
</div>